<template>
  <div>
    <!-- <label>
      <to-search></to-search>
      <router-link to="/search"><input type="text" placeholder="请输入关键字"></router-link>
    </label> -->
   <div @click="$router.push('/search')"> <van-search v-model="value" placeholder="请输入搜索关键词" /></div>
    <cate-vue></cate-vue>
    <banner-vue></banner-vue>
    <goods-vue></goods-vue>
    <router-view></router-view>
  </div>
</template>

<script>
import cateVue from "./components/cate.vue";
import bannerVue from "./components/banner.vue";
import goodsVue from "./components/goods.vue";
export default {
  data(){
    return{
      value:""
    }
  },
components:{
    cateVue,
    bannerVue,
    goodsVue
}
};
</script>

<style scoped>
label{
  border: 0.01rem solid #000;
  margin-left: 0.5rem;
}
input{
  background:none;
  outline:none;
  border:none;
}
</style>
